import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import pxtorpx from 'postcss-pxtorpx-pro';
import babel from 'vite-plugin-babel';
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    target: 'es2015',
  },
  plugins: [babel(), uni()],
  server: {
    https: false,
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  css: {
    // 配置`scss`全局变量
    preprocessorOptions: {
      // scss: {},
    },
    postcss: {
      plugins: [
        pxtorpx({
          // 转化的单位
          unit: 'rpx',
          // 单位精度
          unitPrecision: 5,
          // 不需要处理的css选择器
          selectorBlackList: [],
          // 不需要转化的css属性
          propBlackList: [],
          // 直接修改px，还是新加一条css规则
          replace: true,
          // 是否匹配媒介查询的px
          mediaQuery: false,
          // 需要转化的最小的pixel值，低于该值的px单位不做转化
          minPixelValue: 0,
          // 不处理的文件
          exclude: null,
          // 转化函数
          // 默认设计稿按照350宽
          transform: (x) => {
            return 2 * x;
          },
        }),
      ],
    },
  },
});
